//- Copyright (c) 2016 Lucky Byte, Inc.
extends ../layout

append scripts
  script(src="/js/audit.js")

block content
  .ui.grid.nolayout(style="margin-left:10px; margin-top:10px;")
    .column.three.wide(style="margin-top:20px;")
      .ui.raised.segment.brown
        .ui.label.ribbon.large.brown
          i.icon.filter
          | 分 类
        .ui.divided.relaxed.small.middle.aligned.list
          .item
            if category == 'merch'
              i.icon.right.arrow.red(style="padding-top:2px;")
            else
              i.icon(style="padding-top:2px;")
            .content(style="padding-top:2px;")
              a(href="/audit/merch") 商户信息变更历史
          .item
            if category == 'terms'
              i.icon.right.arrow.red(style="padding-top:2px;")
            else
              i.icon(style="padding-top:2px;")
            .content(style="padding-top:2px;")
              a(href="/audit/terms") 终端信息变更历史

      .ui.raised.segment.blue
        .ui.label.ribbon.large.blue
          i.icon.search
          | 过 滤
        form.ui.form.small#filter(style="margin-top:10px;"
          action="/audit/#{category}" method="post")
          input(type="hidden" name="page_no" value="1")
          .field
            .ui.search.small.compact
              .ui.icon.input
                input.prompt(type="text" name="keyword" value="#{keyword}"
                  placeholder="关键字")
                i.search.link.icon
          .field
            .ui.calendar.datetime#start_time(
              data-maxdate="#{today()}"
              data-end-with="#end_time")
              .ui.input.left.icon
                i.calendar.icon
                input(type="text" name="start_time" placeholder="起始时间"
                  value="#{start_time || ''}")
          .field
            .ui.calendar.datetime#end_time(
              data-maxdate="#{today()}"
              data-start-with="#start_time")
              .ui.input.left.icon.search
                i.calendar.icon
                input(type="text" name="end_time" placeholder="截止时间"
                  value="#{end_time || ''}")
          .field
            .ui.buttons.fluid.small
              button.ui.button.grey#clear(type="button") 重 置
              .or
              button.ui.button.green(type="submit") 查 询

    .column.thirteen.wide
      .ui.threaded.comments(style="max-width:1400px;")
        h3.ui.dividing.header.center.aligned
          case category
            when 'merch': | 商户信息变更历史
            when 'terms': | 终端信息变更历史

          span.ui.sub.header(style="margin-left:30px;")
            | 第 #{page_no} / #{page_nums} 页 ｜ 
            if page_no > 1
              a.page_switch(href="#" data-page-no="#{page_no - 1}") 上一页 ｜ 
            else
              | 上一页 ｜ 
            if page_no < page_nums
              a.page_switch(href="#" data-page-no="#{page_no + 1}") 下一页
            else
              | 下一页

        case category
          when 'merch'
            include ./merch
          when 'terms'
            include ./terms
